<template>
  <div class="PaymentSettings">
    <el-radio-group v-model="active" size="small" fill="#7b94d8">
      <el-radio-button label="1">支付提现方式</el-radio-button>
      <!-- <el-radio-button label="2">首充特惠</el-radio-button> -->
      <!-- <el-radio-button label="3">金币兑换档位</el-radio-button> -->
      <el-radio-button label="4">金币充值档位</el-radio-button>
      <!-- <el-radio-button label="5">提现档位</el-radio-button> -->
    </el-radio-group>
    <el-card>
      <Pay v-if="active == 1"></Pay>
      <!-- <FirstPay v-else-if="active == 2"></FirstPay> -->
      <!-- <Exchange v-else-if="active == 3"></Exchange> -->
      <Recharge v-else-if="active == 4"></Recharge>
      <!-- <Withdrawal v-else></Withdrawal> -->
    </el-card>
  </div>
</template>

<script>
import Pay from "./components/Pay";
// import FirstPay from "./components/FirstPay";
// import Exchange from "./components/Exchange";
import Recharge from "./components/Recharge.vue";
// import Withdrawal from "./components/Withdrawal.vue";
export default {
  components: { Pay, Recharge },
  data() {
    return {
      active: "1",
    };
  },
};
</script>

<style lang="less" scoped>
.PaymentSettings {
  padding: 20px;
}
</style>